<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/commons/taglibs.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>combo</title>
<link href="front/css/person.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="front/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="front/js/search.js"></script>
<script type="text/javascript" src="front/js/Add_head_pic.js"></script>
<script type="text/javascript" src="front/js/nevigation.js"></script>
<script type="text/javascript" src="combo/home/combo.commonActivity.js"></script>
<script type="text/javascript" src="lyd/LYD.core.js"></script>
<script type="text/javascript" src="lyd/LYD.ajax.js"></script>
<script type="text/javascript">
$(document).ready(function () {
	COMMONACT.init();
});
</script>
</head>

<body>
<!-- 导航 -->
<div id="top">
	<div class="width">
		<div class="logo"></div>
		<!-- 注册、登陆框 -->
		<div class="id_box" out="true" id_box_block="false">
			<div class="id">
				<div class="id_welcome"></div>
				<div class="id_email">
					<input class="id_input" type="text" />
				</div>
				<div class="id_password">
					<input class="id_input" type="password" />
				</div>
				<div class="id_check"></div>
				<div class="id_nopassword"></div>
				<div class="clear"></div>
				<div class="id_login"></div>
				<div class="id_reg"></div>
			</div>
			<div class="id_border"></div>
		</div>
		<!-- /注册、登陆框 --> 
		<!-- 个人信息框 -->
		<div class="id_person_box" id_person_block="true">
			<div class="id_person_box_main">
				<div class="pic"> <img src="images/activity/id_pic_blank.jpg" width="96" height="96" /> </div>
				<div class="txt">尤克里里
					<div class="school">西南民族大学</div>
				</div>
				<div class="icon">+9</div>
				<div class="icons">
					<div class="chuangjian"></div>
					<div class="wosuo"></div>
					<div class="huidao"></div>
					<div class="zhuangtai"></div>
					<div class="locker"></div>
				</div>
			</div>
			<div class="id_person_box_border"></div>
		</div>
		<!-- /个人信息框 --> 
		<!-- 上传头像 -->
		<div class="pic_upload_mask">
			<div class="pic_upload_main">
				<div class="pic_upload_icon"></div>
				<div class="pic_upload_explorer_object">
					<div class="pic_upload_explorer_object_pic"><img src="images/activity/upload_blank.jpg" width="165" height="165" />
						<div class="pic_upload_explorer_top">
							<div class="pic_upload_explorer_bottom">
								<div class="pic_upload_explorer_middle"></div>
							</div>
						</div>
						<div class="button_bendi"></div>
						<div class="button_paizhao"></div>
					</div>
				</div>
				<div class="pic_upload_explorer_big">
					<div class="pic_upload_explorer_big_pic"></div>
					<div class="pic_upload_explorer_big_tx">大头像150X150</div>
				</div>
				<div class="pic_upload_explorer_normal">
					<div class="pic_upload_explorer_normal_pic"></div>
					<div class="pic_upload_explorer_normal_tx">中头像80X80</div>
				</div>
				<div class="pic_upload_explorer_small">
					<div class="pic_upload_explorer_small_pic"></div>
					<div class="pic_upload_explorer_small_tx">小头像40X40</div>
				</div>
			</div>
			<div class="pic_upload_close">关闭</div>
			<div class="pic_upload_save"></div>
			<div class="pic_upload_cancel"></div>
		</div>
		<!-- /上传头像 -->
		<div class="txt_width">
			<div class="txt"> <span class="txt_padding">
				<div class="zuobiao"></div>
				</span> <span class="txt_padding">
				<div class="geren"></div>
				</span> <span class="txt_padding">
				<div class="quanzi"></div>
				</span> </div>
			<div class="top_hover"></div>
		</div>
		<div class="top_search">
			<input class="top_input" type="text" />
		</div>
		<!-- 右侧功能键 -->
		<div class="top_button">
			<div class="top_button1_menu_display">
				<div class="top_button1_menu">
					<div class="active">
						<div class="list">我的留言<span>+77</span></div>
						<div class="list">圈子留言</div>
						<div class="list">活动留言</div>
						<div class="list">我的评论</div>
						<div class="list">我的私信</div>
						<div class="list">我的通知</div>
					</div>
				</div>
			</div>
			<div class="top_button2_menu_display">
				<div class="top_button2_menu">
					<div class="active">
						<div class="name">尤克里里</div>
						<div class="name"><a href="info.html">隐私设置</a></div>
						<div class="name"><a href="info.html">账号设置</a></div>
					</div>
				</div>
			</div>
			<div class="top_button1"></div>
			<div class="top_button2"></div>
			<div class="top_button3"></div>
		</div>
		<!-- /右侧功能键 --> 
	</div>
</div>
<!-- /导航 -->
<div id="main">
	<div class="width">
		<div class="person_main">
			<div class="bottom">
				<div class="middle">
					<div id="see">
						<div id="title">查看共同好友</div>
						<div id="tabs">
							<div class="tab_active"><a href="home.do?command=commonFriend&homePersonId=${user.UID}">好友</a></div>
							<div class="tab_normal"><a href="home.do?command=commonRound&homePersonId=${user.UID}">圈子</a></div>
							<div class="tab_normal"><a href="home.do?command=commonActivity&homePersonId=${user.UID}">活动</a></div>
						</div>
						<div id="tab_txt">共20个好友</div>
						<!-- 左 -->
						<div class="left">
							<!-- 单位数据 -->
							<div class="single">
								<div class="activity_pic">
									<div><img src="images/search/demo/4.png" width="51" height="72"/></div>
									<div class="date">
										<div class="d_month">2月</div>
										<div class="d_day">3日</div>
									</div>
								</div>
								<div class="person_info">
									<div class="name_round">斗牛1vs1</div>
									<div class="location">辽宁/大连</div>
									<div class="clear"></div>
									<div class="process_txt">
										<div class="p_left">活动进度（已结束）</div>
										<div class="p_right">结束</div>
										<div class="clear"></div>
									</div>
									<div class="process_3"></div>
									<div class="info_txt">时间: 2012年2月3日 周五<br/>地点: 大连 高新园区 大连东软信息学院三期篮球场<br/>规模: 小型<br/>已有46人响应</div>
								</div>
								<div class="clear"></div>
							</div>
							<!-- /单位数据 -->
							<!-- 单位数据 -->
							<div class="single">
								<div class="activity_pic">
									<div><img src="images/search/demo/4.png" width="51" height="72"/></div>
									<div class="date">
										<div class="d_month">2月</div>
										<div class="d_day">3日</div>
									</div>
								</div>
								<div class="person_info">
									<div class="name_round">斗牛1vs1</div>
									<div class="location">辽宁/大连</div>
									<div class="clear"></div>
									<div class="process_txt">
										<div class="p_left">活动进度（已结束）</div>
										<div class="p_right">结束</div>
										<div class="clear"></div>
									</div>
									<div class="process_3"></div>
									<div class="info_txt">时间: 2012年2月3日 周五<br/>地点: 大连 高新园区 大连东软信息学院三期篮球场<br/>规模: 小型<br/>已有46人响应</div>
								</div>
								<div class="clear"></div>
							</div>
							<!-- /单位数据 -->
							<!-- 单位数据 -->
							<div class="single">
								<div class="activity_pic">
									<div><img src="images/search/demo/4.png" width="51" height="72"/></div>
									<div class="date">
										<div class="d_month">2月</div>
										<div class="d_day">3日</div>
									</div>
								</div>
								<div class="person_info">
									<div class="name_round">斗牛1vs1</div>
									<div class="location">辽宁/大连</div>
									<div class="clear"></div>
									<div class="process_txt">
										<div class="p_left">活动进度（已结束）</div>
										<div class="p_right">结束</div>
										<div class="clear"></div>
									</div>
									<div class="process_3"></div>
									<div class="info_txt">时间: 2012年2月3日 周五<br/>地点: 大连 高新园区 大连东软信息学院三期篮球场<br/>规模: 小型<br/>已有46人响应</div>
								</div>
								<div class="clear"></div>
							</div>
							<!-- /单位数据 -->
						</div>
						<!-- /左 -->
						<div class="clear"></div>
						<div class="single" style="margin:0 0 0 15px;">
							<div class="page_button">
								<div class="next" style="margin-right:20px;"></div>
								<div class="page">1&nbsp;2&nbsp;<span>3</span>&nbsp;4&nbsp;5&nbsp;</div>
								<div class="prev"></div>
								<div class="clear"></div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="person_right">
			<div class="person_right_bottom">
				<div class="person_right_middle">
					<input id="person_UID" type="hidden" value="${user.UID}"/>"
					<div class="pic"><img src="${user.SIMG}" width="172" height="200" /></div>
					<div class="name" style="background:url(${user.userSex}) no-repeat right center">${user.USERTRUENAME}</div>
					<div class="buttons">
						<div class="guan_icon">${user.attentedCount}</div>
						<div class="jia_icon">${user.friendCount}</div>
					</div>
					<div class="clear"></div>
					<div class="banner">
						<div class="banner_ed" style="width:${ user.commonStatusStr}"></div>
						<div class="tx_l">同步率</div>
						<div class="tx_r">${user.commonStatusStr }</div>
					</div>
					<div class="txt">${user.provinceName}&nbsp;&nbsp;${user.cityName}<br/>${user.schoolName}<br/>${user.dateStr}</div>
					<div class="txt">${user.userStatu}</div>
					<div class="tab_object">
						<c:forEach items="${user.tiplist}" var="t">
						<div class="tab">${t.TIPNAME}</div>
						</c:forEach>
						<div class="clear"></div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
</body>
</html>
